<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"
+request.getServerName()+":"+request.getServerPort()
+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<title>个人空间</title>

<link href="<%=request.getContextPath()%>/css/space.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.9.0.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/WarnMessages.js"></script>
</head>
<script type="text/javascript">
$(function(){
	
	$("#myform").validate({
	rules:{
			'userExt.realName':{
			required:true
			},
			'userExt.sex':{
			required:true
			},
			'userExt.penName':{
			required:true
			},
			'userExt.tel':{
			required:true
			},
			'userExt.degree':{
			required:true
			},
			'userExt.position':{
			required:true
			},
			'upload':{
			required:true
			},
			'userExt.hobby':{
			required:true
			}
		}
	});
/*****以上是表单验证****/	          
    });
</script>
<body>
<jsp:include page="top-inf.jsp"></jsp:include>
<div class="all">

		<div class="bodyge">
		
		<form id="myform"  action="user/addExt" method="post" enctype="multipart/form-data">
				<div class="bodyge-left">
				    <div class="bodyge-left-a1">
					<span class="font-b">个人资料</span>
					</div>
					<div class="body-left-geren2">
						<div class="bodyge-left-gexiao">联系方式</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">真实姓名:</span><input type="text"
								name="userExt.realName" class="input-a"></div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">性&nbsp;&nbsp;&nbsp;&nbsp;别:</span>
							<input type="radio" name="userExt.sex" value="男"
								class="bodyge-gexiaoming" checked="checked">&nbsp;男&nbsp;
							<input type="radio" name="userExt.sex" value="女">&nbsp;女
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">笔&nbsp;&nbsp;&nbsp;&nbsp;名:</span><input
								type="text" name="userExt.penName" class="input-a">
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">电&nbsp;&nbsp;&nbsp;&nbsp;话:</span><input
								type="text" name="userExt.tel" class="input-a">
						</div><br>
						
						<div class="bodyge-left-gexiao">学识背景</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">学&nbsp;&nbsp;&nbsp;&nbsp;历:</span>
							<select name="userExt.degree" size="1" class="input-b">
								<option value="大学专科">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大学专科
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<option value="大学本科">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大学本科
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<option value="中专">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中专
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</select>
						</div>

						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">职&nbsp;&nbsp;&nbsp;&nbsp;称:</span><input
								type="text" name="userExt.position" class="input-a">
						</div>
						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">工作单位:</span><input type="text"
								class="input-a" name="userExt.company">
						</div>
						<br>
						<div class="bodyge-left-gexiao">
							<span class="bodyge-gexiaotit">会员信息</span>
						</div>

						<div class="bodyge-left-gejie">
							<span class="bodyge-gexiaoming">会员头像</span>
							<div class="bodyge-left-input3">
								<input type="file" name="upload" size="20"
									onChange="javascript:PreviewImg(this);" value="${userExt.headPic }"/><br>
							</div>
							<div class="bodyge-tuxiang"></div>
						</div>
						<div class="bodyge-left-gejie">
							<br> <span class="bodyge-gexiaoming">用户偏爱:</span>
							<div class="bodyge-left-pianai1">
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
									class="bodyge-left-inputbox">&nbsp;新闻综合<br>
								<input type="checkbox" name="userExt.hobby" value="社会科学 "
									class="bodyge-left-inputbox">&nbsp;社会科学<br>
								<input type="checkbox" name="userExt.hobby" value="时尚娱乐 "
									class="bodyge-left-inputbox">&nbsp;时尚娱乐<br>
								<input type="checkbox" name="userExt.hobby" value="女性家庭 "
									class="bodyge-left-inputbox">&nbsp;女性家庭<br>
						</div>
						<div class="bodyge-left-pianai2">
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
									class="bodyge-left-inputbox">&nbsp;时尚娱乐<br>
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
									class="bodyge-left-inputbox">&nbsp;女性家庭<br>
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
									class="bodyge-left-inputbox">&nbsp;数码科技<br>
							</div>
							<div class="bodyge-left-pianai3">
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
								class="bodyge-left-inputbox">&nbsp;社会科学<br>
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
								class="bodyge-left-inputbox">&nbsp;时尚娱乐<br>
								<input type="checkbox" name="userExt.hobby" value="新闻综合 "
								class="bodyge-left-inputbox">&nbsp;女性家庭<br>
							</div>
						</div>
						<div class="bodyge-left-button3">
							<input type="submit" value="保存信息" />
						</div>
						<div class="bodyge-left-button2">
							<input type="reset" value="取消" />
						</div>
					</div>

				</div>
			</form>
			 
	<div class="bodyge_right">

		<div class="bodyge_right_top">

			<div class="bodyge_right_image">
				<a href="#"><img src="<%=request.getContextPath()%>/images/body_right_01.gif"> </a>
			</div>

			<div class="bodyge_right_name">
				<span class="bodyge_right_wen">75639236</span>
			</div>

			<div class="bodyge_right_names">
				<div class="bodyge_right_image2">
					<a href="#"><img src="../images/body_right_02.gif"> </a>
				</div>
				<div class="bodyge_right_image2">
					<a href="#"><img src="../images/body_right_03.gif"> </a>
				</div>
				<div class="bodyge_right_image2">
					<a href="#"><img src="../images/body_right_04.gif"> </a>
				</div>
				<a href="#"><span class="bodyge_right_wen2">退出</span> </a>
			</div>

				</div>
		  
				<div class="bodyge_right_a">
					<ul>
						<li><a href="apply-zb.jsp"><img src="../images/body_right_10.gif" align="bottom">申请主编</a></li>
						<li><a href="apply-bw.jsp"><img src="../images/body_right_10.gif" align="bottom">申请编委</a></li>
						<li><a href="Create journal.jsp"><img src="../images/body_right_10.gif" align="bottom">创建期刊</a></li>
						<li><a href="article.jsp"><img src="../images/body_right_10.gif" align="bottom">发表文章</a></li>
					</ul>
				</div>
		</div>
</div>
</div>

<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>